Decidí aplicar las entradas en expandible, de esta manera parece más cómodo encontrar lo que buscamos y la navegación es más rápida (lo podéis comprobar clicando en alguna etiqueta de la cabecera)
Los signos [+/-] son para expandir la entrada del post.


A Dani le ha gustado la idea así que a petición de él ahí va la explicación de como se hace, con un poco de paciencia resulta sencillo.

Nos situamos en Plantilla/Edición de HTML y buscamos el código </head> justo antes añadiremos:

<script type='text/javascript'>
// <![CDATA[
//ENTRADAS EN DESPLEGABLE POR ETIQUETAS
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}

function showFullPost(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "readmore")
spans[i].style.display = 'none';
}
}

function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}


function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'none';
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
found = 1;
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

function commentDisplay(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#comment-");

if (entry.content) {
comment = entry.content.$t;
} else if (entry.summary) {
comment = entry.summary.$t;
}

var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented:<br/>');
if (comment.length < numchars)
document.write(comment + '<br/><br/>');
else
document.write(comment.substring(0, numchars) + '...<br/><br/>');
}
document.write('Widget sponsored by:<br/><a href="http://bvibes.com"><img src="http://fbvibes.com/templates/yget/images/vibes_logo.png"/></a><br/>');
}
//]]>
</script>



Guardamos los cambios y marcamos para expandir la plantilla donde buscaremos el código en color negro y añadimos las que están en rojo como se muestra a continuación:

<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr><td width='40px'>
<a expr:onclick='&quot;javascript:toggleIt(\&quot;&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a></td>
<td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>


<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>

<b:include data='post' name='post'/>

</b:if>

Guardamos los cambios y listo.
¡Suerte¡
d@vitociber

Hola Gem@, gracias por la rosa.

Nunca dejo de aprender y conocer con tu blog cosas nuevas.

Que lástima no estes en la coctelera para tenerte en la pestaña amigos,¿no has pensado en hacerte uno en la coctelera?no estaría nada mal, me lo puedo imaginar...

Con respecto a este post, estoy contigo eso de expandir lo veo muy cómodo y al mismo tiempo práctico, pero por primera vez y sin que sirva de precedente creo que te voy hacer una crítica, bueno una crítica bien bien no pero..., bueno ahí va que hay confi, antes los últimos comentarios los tenias con un scroll vertical y era estupendo porque veías claramente los comentarios, ahora si es de los últimos, últimos lo ves pero si no¿como lo hago para saberlo? porque cuando vuelvo a entrar yo no me acuerdo en que post te lo dejé, entonces como se si me has contestado o no?, gracias Gem@, un beso

Dany1

Muuuuuuuuuuchas gracias por la explicación, de verdad que gracias.
Y por la rapidez!!

Un saludo y un 10 para ti!! ;)

Gem@

Hola Sir, te hice una visita y he visto ese original tablón para poner fotos, ya sabes que no tengo costumbre poner las mías, así que te dejé ese regalito de la rosa, me alegro que te haya gustado.
Lo de los comentarios... Yo te lo explico.
En el antiguo Blogger cualquier código se añadía a la plantilla, con la llegada de beta es diferente, ha facilitado la labor de las categorías y etiquetado de los post, pero limita bastante a los que nos gusta meter mano o movernos por la plantilla añadiendo o modificando códigos.
El código de los comentarios recientes que yo tenía no me lo acepta ahora, el que ves es el que viene predeterminado en Blogger, con un clicar aquí y allá todo resuelto, pero es bastante lento en actualizarse y el máximo de comentarios que admite es 5.
También influye que el número de comentarios se ha multiplicado, si miras las estadísticas te darás cuenta que donde habían 80 o 60 visitas ahora son 200.
Eso es estupendo porque quiere decir que este blog está siendo útil, sinembargo hace que los comentarios se pierdan en la sidebar rápidamente.
¿Solución a todo eso? Pon un postit en tu monitor para recordar en que entrada me comentas jajaja
(Es broma, intentaré averiguar si hay alguna solución al problema)
Gracias Sir por la crítica espero que aportes más para mejorar este espacio ;)

Saludos Dani, me quedo con el saludo y la alegría que parece que tienes ;)
El 10 lo dejamos para ti cuando apliques el código :)

Meigo, aprendiz de Druida

Ay mi niña, me gusta leerte, pero... todo esto me queda grande. Jamas he conocido a un tipo mas torpe que yo para todo esto, no soy ni capaz de cambiar la imagen de mi blog, pero bueno... Me gusta saber que estas bien, que te va bien y que vives., en el sentido amplio de la palabra.
Para ti algo mas sencillo, mi beso y mi mejor rosa. roja? l aque mas me gusta.

Gem@

Hola Meigo, a mi también me gusta leerte y no sabía yo eso que no tienes imagen en tu blog porque no sabes hacerlo.
Hay que solucionarlo y solucionarlo ya, busca una imagen, algo que te guste, que te identifique, busca la imagen que te gustaría tener como cabecera del blog y mándala a mi mail.
Lo de ponerla ya lo arreglaremos.
Gracias por la rosa, el beso y el cariño de tus palabras.
Abrazos cálidos Meigo

Gorka Repáraz

Hola, realmente lo que explicas en este post me ha apasionado mucho, ya que mis entradas del recien estrenado blog se prevén muy extensas y con muchas fotos.

Pero al incluir todo lo que dices en el post no ocurre nada.

Realmente no se cual puede ser el error. Tal vez que es la versión nueva?

Por si te interesa aquí está la direccion:

http://entrenadordeporteros.blogspot.com.

Muchas gracias, y gracias por tu blog, es realmente util.

Gem@

Saludos Gorka y bienvenido: Precisamente ese añadido es para el nuevo Blogger, la finalidad es que cuando clicamos en una categoría no se muestren las entradas o pots completamente sino sólo los títulos, de esa forma es más fácil visionar o encontrar algo.
He visitado tu blog, y yo si veo que funcione, quizás haya sido algo momentaneo que no funcionara al mirar, intenta de nuevo clicando en tus categorías verás como resulta ;)

Gorka Repáraz

Muchas gracias por tu respuesta.

Lo estaba haciendo bien, pero no había leído que era solo para las categorías.

Realmente sería genial que fuese también para cuando se abre la página.

Conoces si se puede hacer????

Gem@

La solución a eso es el código de ´´leer más o Read More`` Gorka.
Sencillamente como lo tienes implantado.

EL ©UYO DEL MUNDO

Hola Gem@! Tu blog está espectacular y me resulta de gran ayuda. Un manual diría.
Pero los más lentitos como yo sufrimos horrores cuando hacemos todo lo que dices y no funciona.
Es el caso de las entradas en expandible. Todo bien pero el texto sigue ahí.

En realidad lo que necesito es un menú en una barra superior tal como tu lo tienes. ESO ESO ES LO QUE ME TIENE MAL!!!!

Si puedes seguir siendo tan gentil y darme una mano prometo recompensarte (lavo, plancho, cocino y no discuto)

Un gran saludo
Seba

Gem@

Saludos y bienvenido Seba, puedes encontrar las explicaciones en este enlace:
Categorias en forma de pestaña (Blogger beta)

(Gracias por el ofrecimiento debes ser lo que yo llamo una joyita )
Suerte¡

Anónimo

Estimada Gema, di por casualidad con tu blog, me parece maravilloso, y me puse de inmediato a la labor de poner en práctica algunas de tus enseñanzas, pero no logro poner esto de las entradas en expandible, me dice lo siguiente:
El artilugio con el ID "Blog1" contiene como mínimo dos elementos b:includable con el mismo ID: "PeekABooPost". Todos los elementos b:includable deben disponer de un ID exclusivo para un artilugio determinado.
Estoy con una plantilla que encontre aqui mismo, de narko.
Si me pudieras ayudar te lo agradeceria en el alma.
Un gran abrazo
Francisco

Gem@

Veamos Francisco, la explicación de esta entrada es para añadir las categorías en expandible, es decir que cuando hagas clic en una categoría se muestren los títulos de las entradas de dicha categoría.
Digo esto porque muchos se confunden con el leer más o PeekABooPost (expandir las entradas)
Si eso es lo que deseas añadir dime al menos la plantilla que estás usando y la url de tu blog, porque puede ser que tengas aplicado ya alguna parte de código.

Alba

Hola Gema, tu blog me parece muy interesante, y he buscado y rebuscado en él por si podía encontrar la solución a mi problema: quiero mostrar SIEMPRE los comentarios que me hacen en el blog, no que se abran en una ventana emergente o en otra página, como veo que los tienes tú. He buscado en ayuda de blogger y por todos sitios, pero no atino. Uso el nuevo blogger. Muchas gracias!!
Alba

Gem@

Saludos Alba, el otro día me preguntaban eso en el foro, la solución fue activar la casilla para no mostrar comentarios en una ventana emergente.
De todas formas lo que tu dices creo es diferente los comentarios salen así cuando los abres desde una categoría.
Es decir si los abres desde una entrada van a una ventana aparte que es esta, pero si clicas por ejemplo en ´´generadores`` y después en una entrada concreta los comentarios salen extendidos.

Gem@

Me olvidaba prueba de esta forma antes de modificar nada.
Situate en Plantilla/Comentarios/ ¿Mostrar comentarios en una ventana emergente? Y activa la casilla NO

Moisés

Hola de nuevo Gema, siento darte la lata pero es que no me sale las extradas en expandibles. Mira copio la primera sentencia, la que va despues de /head y bien pero cuando copio la 2º (es decir, la 1º de la ventana que has puesto que hay que abrir) ya no me deja ver la vista previa, me dice que hay un fallo.
Puedes mirar esto a ver si se quedó atrás una coma o algo?
Gracias y perdona las molestias

Alba

Gracias por tu ayuda Gema!

Gem@

Hazlo paso a paso Moisés, he probado para ver si me había confundido y no, funciona perfectamente.
Mira la prueba

Gracias a ti por la visita Alba ;)

Dniro

Hola Gema!

Lo he probado en mi blog y funciona perfectamente. El único problema es que no se vizualiza el enlace de los comentarios.

Como podría hacer para que también se viera??

http://blacksoundhistory.blogspot.com/

Un saludo y muchas gracias.

Gem@

Hola Jdniro siento no poder darte la solución :(

Anónimo

HOLA GEM@ DE ANTEMANO GRACIAS POR TODA TU AYUDA YA QUE SIN TU AYUDA NUESTROS BLOGS NO ESTARIA EN PIE ^^,BUENO APLIQUE ESTE CODIGO "ENTRADAS EXPANDIBLES PARA CATEGORIAS" Y ME RESULTO BIEN, PERO EL PROBLEMA ES QUE SOBRA MUCHO ESPACIO ENTRE UN POST Y EL OTRO NOSE SI ME EPLICO BIEN

[+/-] POST 1

(ESPACIO SOBRANTE)

[+/-] POST 2


ME GUSTARIA QUE QUEDARA ASI

[+/-] POST 1

[+/-] POST 2

espero que me puedas ayudar

Saludos gracias por todo

Gem@

Hola Diego: siempre digo que me gusta saber la dirección de vuestros blogs y entre otras cosas porque no todos usamos la misma plantilla ni por lo tanto los mismos códigos.
Pero veamos...
Ese espacio puede ser el espacio de una fecha eliminada como era mi caso.
De todas formas intenta lo siguiente:
Situate en:
h2.date-header {
margin:1.5em 0pt 0.5em;
visibility:hidden;

Si tienes eso la propiedad visibility "esconde" el contenido pero no oculta al bloque en si mismo. Prueba a cambiarla por la propiedad display:none; de esta forma:
h2.date-header {
margin: 0;
display: none ;
}
!Suerte¡

diego blogger

HOLA GEM@ GRACIAS POR RESPONDERME Y DISCULPA POR NO AVER DEJADO MI BLOG, AQUI LO DEJO http://diego360.blogspot.com/search/label/bitacoras , INTENTE LO QUE ME DIJISTE Y LAMENTABLEMENTE NO ME RESULTO AHI TE DEJE MI BLOG CON LA URL JUSTO ENTRANDO EN LAS CATEGORIAS PARA QUE VEAS COMO QUEDA, SOBRA DEMASIADO ESPACIO ENTRES LOS POST:

[+/-] POST 1

(ESPACIO SOBRANTE)

[+/-] POST 2

ME GUSTARIA REDUCIR EL ESPACIO SOBRANTE COMO TE QUEDO A TI.

ESPERO QUE ME PUEDAS AYUDAR GEM@

SALUDOS Y MUCHAS GRACIAS POR LOS TRUCOS..

Gem@

Algo no está bien Diego, pero no me refiero a lo de la separación sino que no se despliegan los temas al clicar en [+/-] dime si a ti te funciona o son problemas de navegadores :(
(prueba en el mio y en el tuyo para ver la diferencia)

diego blogger

HOLA GEM@ YA CORREGI EL PROBLEMA AL DESPLEGAR, ME FALTABA UN PASO, PERO LO REVISE 2 VECES PARA VERIFICAR QUE ESTE BIEN, AHORA ESTA TODO BIEN EN LO QUE ES FUNCION, AHORA TENGO PROBLEMA EN LA APARIENCIA, PORFAVOR GEMA TE LO RUEGO AYUDAME A REDUCIR ESE ESPACIO AH ALGO MAS CHICO, http://diego360.blogspot.com/search/label/bitacoras , TE LO RUEGO GEMA AYUDAME

GRACIAS GEM@ SALUDOS

Gem@

Hola Diego siento tardar tanto en responder pero créeme que no he podido antes, no debes suplicar ayuda con gusto intento ayudar a todos.

Verás para que el espacio sea menor debemos suprimir los márgenes. Debo decirte que esta solución es la que yo he aplicado a mi plantilla, así que no guardes los cambios sin antes ver en vista previa ¿OK?
Busca en la plantilla lo siguiente:

.post {
margin:.3em 0 25px;
padding:0 13px;
border:0px dotted #bbbbbb;
border-width:0px 0;
}

Y sustitúyelo por esto:

.post {
border:medium none ;
margin:0;
padding-bottom:0;
}

Ahora mira en vista previa si con vista previa no lo visualizas entonces guarda los cambios pero no lo hagas sin antes copiar y guardar el código que vas a eliminar por si luego deseas volver a añadirlo ;)

Ya me dirás los resultados.

Anónimo

saludos gem@ por aca de nuevo molestando oie ke paciencia para enseñar a principiantes como yo... oye kisiera saber si en vez de darle a (+ o -) para expandir entradas se pudiera eliminar eso y darle click de una vez al titulo para que te despliege todo el tema y no tener otros temas abajo, espero que me hayas comprendido... gracias por la ayuda!!

Gem@

Saludos darkness no sé si te he entendido bien, el caso que clicando al título la entrada se despliega completamente, tienes las dos opciones, desplegar un resumen y recoger y expandir la entrada entera como te decía clicando al título :(

Srta Mirage

ohh gracias!
me funciona genial..

aunq de un principio no me acepto el scrip.:
Lo saq, me arriesgue pero igual me funciona sin el.:

no se pk pero genial jajaja
XD!

http://chileenletras.blogspot.com/
Saludos!

Gem@

Saludos Srta Mirage puede que le siga funcionando porque sigue teniendo el script ;)

padam

me interesa muchísimo este "truco", pero no encuentro en mi plantilla (aun con los artilugios extendidos) las partes en negro que dices. Quizá es q ya he modificado esa parte de código con algún otro truco, ni idea, el caso es q no lo consigo

Anónimo

Hola Gema, sabes que tengo este truco en mi plantilla actual (yosmaryderausseo.blogspot.com) pero he estado probando en una de la plantillas de BlogandWeb y me sale error. Entonces no se si hay que agregar otros codigo o será en otro sitio que hay que hacer el truco. ¡?
De todas formas si quieres ver el codigo de la plantilla está aqui:
http://blogandweb.com/2007/07/20/plantilla-blogy-pro/

Me gustaría saber si es posible hacer el truco o no.
Gracias de antemano!

Gem@

kissu&padam también es probable que tu plantilla lleve esas partes reflejadas con otro código, si supiera el lugar donde descargaste la plantilla probaría en mi blog de pruebas ;)

Yosmary no eres tu sola, las plantillas de BlogandWeb son adaptadas para Blogger.
Francisco autor de las mismas es quien mejor puede orientarte en esa plantilla.

padam

hola gem@, pues la verdad es que la plantilla es la Stretch denim un poquillo cambiada, de truqillos que he ido añadiendo de tu blog y del escaparate de rosa.
Aquí la tienes si te apetece echarle una ojeada: http://www.megaupload.com/?d=731DMAA7

Gem@

No me deja aplicarla en mi blog kissu& para poder hacerlo debería eliminar los añadidos que hiciste y de hacerlo no sé y alguna modificación es el problema.
Lo intentaré aplicando esa plantilla tal y como la suministra Blogger ;)

padam

he intentado en mi blog de pruebas buscar el código en negro usando plantillas que suministra blogger por defecto y no encuentro ya ni el primer "parrafo"... qué plantilla podria ser compatible? hay otro sistema para mostras los títulos de las categorías enexpandible?

padam

gema lo solucioné!!!!

encontré este post en el escaparate con dos añadidos que me han dado la solución: http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

Gem@

Gracias por avisar kissu&padam me alegra que lo solucionaras ;)

Fernando

:D No hayo los codigos que mencionas.
Solo cuando aplsto: Expandir plantillas de artilugios, si los encuentro y una vez que ponfo los codigos me pone ERROR.
Que hago?

Gem@

Hola Fernando, mira si añadiste el primer script, si lo añades y también los códigos en rojo en el lugar indicado no debería dar error.
A veces un simple olvido como no copiar el código completo nos ocasiona errores :(

Fernando

:) Ya me salio!!. no lo hice con la intencion de que me saliera a la primetra, simplemente salio inesperadamente.
;) Gracias Gema!!

Gem@

Fernando me alegra mucho !bienn¡

]DAMIAN[

Hola Gema!!! Lo priemro darte mi enhorabuena por tu Blog :D esta bastante bien y siempre estoy viendo los cambios que le haces que la verdad que quedan muy bien ;)

Y ahora...

Si puede ser me gustaria que me echaras/echarais una mano con lo de las entradas expandibles por que llevo tiempo intentandolo siguiendo tu explicación pero no me sale... :(

Gracias, Salu2 ****

Gem@

Hola ]DAMIAN[ aplicar este código es muy sencillo, únicamente puedes encontrar algún problema a la hora de añadir el código de color rojo.
Para no complicarte mucho no es necesario que busques todo el bloque de código negro, basta con buscar la primera línea del código negro y justo antes añadir lo de color rojo.

]DAMIAN[
Este comentario ha sido eliminado por el autor.
]DAMIAN[

Muchas gracias Gema ****

Lo que me pasaba antiguamente es que no conseguia añadir el codigo por que siempre me daba error... :S

Pero bueno esta vez lo e conseguido :)

El problema ahora es que no me sale esto en el Blog ----> [+/-]

Gem@

]DAMIAN[ no sé si estás añadiendo este código en el blog que dejas enlace, piensa... que si no tienes entradas dificultosamente podrán visualizarse y mucho menos expandirse :(

]DAMIAN[
Este comentario ha sido eliminado por el autor.
]DAMIAN[

Si, es este Blog:

http://yonosoypirata.blogspot.com/

Tengo una entrada de prueba, imagino que deberia de salir, no se si hay algun fallo...

Al añadir el codigo esta vez, se guardo la plantilla sin fallos, a si que no lo entiendo.

Salu2

Gem@

Activa las categorías Damian ( Plantilla/Añadir un elemento de página/categorias y etiqueta cada entrada (añádele categoría)

]DAMIAN[

Gem@ no aparece esa opción :S

Nunca voy a conseguir hacer lo de las entradas expandibles... ¬¬

Gem@

Si tu plantilla no es clásica debes tenerlo Damian, debes situarte en Plantilla nos muestra un cuadrado donde van las entradas que es el organizador de página y a la derecha (según plantillas) etiquetas donde añadimos perfil, imágenes, html ect... todo esto lo añadimos clicando donde dice añadir un elemento de página.
Al añadir un elemento te mostrará varios y entre ellos el de las etiquetas.

Para etiquetar las entradas lo puedes hacer en la misma entrada (desde el editor) (en la parte de abajo a la derecha) si clicas en el enlace que muestra y escribes la categoría que deseas para esa entrada.

]DAMIAN[

No me queda otra que dejarlo por imposible...

Ya hice lo que me dijistes y nada :(

Gracias por todo Gem@ **** ;)

Gem@

Si deseas volver a intentarlo cuenta conmigo ;)

Antony

Hola, Gam@, lo que pasa es que no puedo agregar este truco en mi blog, no se si podras enviarme una explicación mejor, he tratado de hacer todo los que dice y nada te agradeceria si me ayudaras please.
Un abrazo con cariño.
Saludos!!!

Gem@

Hola Vistos buenos, para poder ayudarte deberías decirme que problema tienes.
Intenta buscar las partes del código ayudándote de esta herramienta y seguir paso a paso las explicaciones.
Espero tu respuesta para poder ayudarte ;)

KHRIX-ROCK

KE TAL GEMA, OYE OJALA Y ME PUEDAS RESOLVER ESTA DUDA, EN MI BLOG PONGO ENLACES DE SERVIDORES COMO RAPIDSH..., MEGAUP... Y DEMAS, LO KE QUIERO SABER ES COMO AL HACER CLICK EN LOS ENLACES ME MANDE A OTRA PESTAÑA Y NO ME SAQUE DE MI BLOG, LO QUE DIGO ES QUE EL ENLACE SE PUEDA ABRIR EN OTRA PESTAÑA, SALUDOS Y GRACIAS

Unknown

Hola Gema!!! es la primera vez que comento en tu blog, aunque hace mucho que recurro a él para tomar algunos truquillos para el blog.
Este truquito en particular está excelentemente explicado, y aunque me topé conque mi plantilla era un poco diferente a lo que explicas, terminé por copiar toooodo el código y reemplazar el mío y funcionó de maravillas.
Gracias por tu ayuda, es muy útil :D
Saludos desde Mendoza, Argentina!

Gem@

Me alegra que diera buen resultado ;)
Desde Argentina ufff que lejos y que cerca al mismo tiempo :)
!Un beso desde España Aymará¡

Xkalibur

HOLA GEMA, acabo de poner en mi blog: http://blogdexkalibur.blogspot.com lo de las etiquetas expandibles y todo me habia quedado bien, pero ahora cuando expando un post se me abre a parte una ventana vacía. Si pudieras ayudarme te lo agradecería mucho. Gracias

Gem@

Xkalibur la primera parte está bien, el error debe estar en la segunda parte donde añadimos lo que aparece en color rojo, repasa esa parte de tu plantilla.
Al ser tu plantilla adaptada para Blogger podría ser que el código no fuera igual y te confundieras de lugar al agregarlo.

D@GU

gem@ excelente me parece tu blog pero en mi codigo html no he podido encontrar las partes que estan en negro quisiera que me ayudaras por favor una pistica ahi en la busqueda

Juan Morante

Segui todo al pie de la letra y no me funciono, tampoco me voto ningun error, que falta o que paso

Gem@

Mira si añadiste bien el código del archivo externo, tu plantilla no es original de Blogger y es fácil confundirse.

c@ll

hola excelente tu blog pero no se como hacer lo de reemplazar lo de negro por lo rojo ya que me saca un error en la plantilla en una terminacion o algo asi, gracias de antemano

Ramon Racat

Hola Gema! Fantastico tu blog! He accedido a traves del amigo JMuir, otro crack del blogerismo
Una pregunta, en este hack puede aumentarse el numero de entradas?
es decir, que aparezcan mas post extendibles. Solo se me aparecen 8 y me gustaria que salieran mas... Gracias y un saludo!

Gem@

c@ll: Para no complicarte mucho no es necesario que busques todo el bloque de código negro, basta con buscar la primera línea del código negro y justo antes añadir lo de color rojo.

Quique yo veo más de 8 entradas en tu blog, por ejemplo la etiqueta de fotos he perdido la cuenta de las que muestra.

Ramon Racat

Me referia a que no aparecen todos los post expandibles en una tirada sola sino que salen en tandas y hay que ir hacia atras o adelante. Aunque tampoco es problema.

Una pregunta, a ti los post exandibles no te los divide por dias como a mi. Es porque tienes la fecha debajo del post por defecto y no arriba verdad? habria alguna manera de hacerlo sin quitar el formato de fecha en el superior del post?

Gem@

Si hay forma de hacerlo no lo sé Quique lo que si es cierto es que según tengas la cabecera de los post así sale (si tienes la fecha personalizada, si la tienes a la derecha o izquierda) incluso cuando tenemos el título subrayado. La única forma de mostrar la fecha en la parte inferior del post o no mostrarla :(

Ramon Racat

OK! Entiendo! Gracias Gema. Tampoco molesta tanto la verdad

Mia

Muchisimas gracias!!! funciona perfectamente y lo he conseguido a la primera, ahora mi blog va cogiendo forma. Gracias de nuevo

http://lasmilyunafrikadas.blogspot.com

Gem@

Me alegra mucho Mia ;)

Anónimo

Hola Gema, he conseguido instalar este truco en mi blog, pero tengo un pequeño problema que no se como solucionar y es que en Internet Explorer 7 el signo de [+ -] no se ven alineados en horizontal, sino que aparecen en vertical, uno encima del otro. En Firefox (como siempre pasa) se ve estupendamente.
Sabes a qué puede ser debido ese error? La verdad es que así, desordenado queda feo y me gustaría poder arreglarlo.

Por otro lado, decirte que he descubierto tu blog a través del Escaparate de Rosa, mientras intentaba aplicar el mismo truco, el suyo no me funcionó y el tuyo, a la primera, no se porqué...

Te felicito por el gran trabajo que haces, eres un Sol! y enhorabuena por tu GRAN blog, que es una referencia a seguir.

Espero que puedas ayudarme!
Saludos.
Eric

Gem@

Eric ¿podría ver ese efecto en tu blog? yo lo tengo añadido tal cual la entrada y se ve perfectamente con los dos navegadores.

Gem@

Perdona ya lo he visto, es que accedí al comentario desde el correo y no había visto enlace ;)
Pienso que el error podría solucionarse si suprimieras el atributo center en la imagen que acompaña los títulos ya que al centrar la imagen le resta espacio al signo de [+ -] y lo desplaza.
Prueba a sustituir en post-title lo siguiente:
Cambia background: url(http://ericmartin.es.googlepages.com/posttittle.png) center left no-repeat;
Por: background: url(http://ericmartin.es.googlepages.com/posttittle.png) no-repeat;
Espero sea eso ;)

Anónimo

Hola Gema, malas noticas. He cambiado lo que me indicas y el problema continúa... Lo dejo como me has dicho para que puedas comprobarlo.
Vaya... realmente me estaba haciendo ilusiones mientras cambiaba el código, pero nada, no hemos tenido suerte.
Si se te ocurre algo más que pueda ser...
Te agradezco un montón el interés que muestras en ayudarnos a todos.
Muchas, muchas gracias.
Saludos,
Eric

Anónimo

También he probado a desplazar el título completo un poco hacia la derecha en este sección:

.post-title {
float: left;
margin-left: 10px;
width: 590px;
margin: 0px 10px -3px;

Donde margin, le he puesto esos 10px pero no se ha solucionado. Efectivamente sale todo el título desplazado hacia la derecha, pero los signos continúan estando mal (insisto, solo en la caca de IE7)

En fin... no se me ocurre nada más por ahora, lo dejo en tus manos.
Saludos,
Eric.

Gem@

Eric hay algo que no encaja, he visto tu plantilla online y me muestra que tienes dos veces .post-title. En una dice:

.post-title {
float: left;
margin-left: 10px;
width: 600px;
margin: 0px 0px -5px;
border-bottom: 1px dotted #758d38;
letter-spacing: 0px;
font: normal 160%/100% "trebuchet", Trebuchet MS, Arial;
padding-bottom: 13px;
}

Y en otra:
.post-title {
padding-left: 42px;
padding-top: 10px;
background: url(http://ericmartin.es.googlepages.com/posttittle.png) no-repeat;
}

Yo lo que haría sería crear un blog para pruebas con la misma plantilla (siempre viene bien tenerlo) y copiar los CSS de esta plantilla que ocasiona el problema a la plantilla del blog de pruebas, al menos la parte de post-title. Si ves que esta nueva plantilla no ocasina el desplazamiento del signo [+/-] entonces lo que debes hacer es suprimir ese doble código que aparece en la plantilla de post-title y dejar sólo uno.
Yo he probado y este es el resultado con el siguiente código:
.post-title {
padding-left: 45px;
padding-top: 15px;
background: url(http://ericmartin.es.googlepages.com/posttittle.png) no-repeat;
border-bottom: 1px dotted #758d38;
}

(Antes de suprimir o realizar cambios asegúrate de tener copia de la plantilla)

Eric

Gema!! ya está solucionado! he hecho lo que me dijiste, he creado un blog para las pruebas y quité uno de los códigos dejando el que me has dicho y perfecto! ahora se ve estupendamente en Internet Explorer.
Aunque la línea de puntos de debajo del título del post no se ve ni tampoco un widget de calificación de las entradas que tengo puesto, que en Firefox sí que se ve todo pero en Explorer no (sólo cuando buscas por categorías y lo visualizas en forma de lista). Sabes de que puede ser? (qué pesadito me estoy poniendo yaaaaa)

Es muy práctico e interesante que se vea la puntuación debajo del título de la entrada antes de expandirla, así puedes hacerte una idea de si al resto de gente le ha gustado o no.

Muchísimas gracias Gema, la verdad es que eres muy amable y es difícil encontrar gente que te ayude hoy día con el interés que tu lo haces. por favor, si puedo hacer algo más para agradecértelo, dímelo vale?

Muchas gracias guapa!!!!
Un abrazo,
Eric.

Gem@

Hola Eric alegra mucho que fuera la solución ;)

D@GU

Gema tengo la plantilla minima black y en estos días no se que sucedió y mira como me han quedado las entradas , y no tengo la mas mínima idea de por que se muestran de esa manera las entradas , son todas compactas pero no se pueden expandir, jeje no se como llegue a eso T.T quisiera que vieras el blog y te pido muy encarecidamente que me des una respuesta, de antemano mil gracias

Gem@

D@GU si que están algo extrañas si :(

¿hiciste algún cambio recientemente en la plantilla?

D@GU

mmm que recuerde intente de varias maneras expandir las entradas, intente como lo dice el blog de cesar con lo de seguir leyendo. pero no me funcionaba muy bn por que aparecian las letras de seguir leyendo pero le daba click y no se expandia, entonces lo borre pero no se si lo borre de todo crees que sea eso??? y con no lo borre de todo es que sinceramente mi html es un desorden ps de tantos cambios que me puse hacer de gomozo. T.T

Anónimo

Hola Gema, he intentado poner las entradas en expandible en mi blog y no hay manera de que me salga bien, siempre me da error cuando intento hacer vista previa antes de guardar.
No estoy seguro de poner bien los codigos, aparte de que no entiendo bien, porque dices de buscar el codigo en negro y de añadir el codigo rojo, sin embargo el primer codigo que aparece ya esta en rojo.¿se añade ese codigo antes del negro y posteriormente el otro codigo rojo que hay debajo de él?
El error que me da es el siguiente:
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "b:loop" must be terminated by the matching end-tag "".
¿cual puede ser el fallo?
Un Saludo y Gracias

Gem@

D@GU la única forma de saberlo es hacer un paso a paso con las indicaciones de César y ver si dejaste algún código sin eliminar o has eliminado alguno sin tener que hacerlo.
Sin ver el código que añadiste me es difícil ayudarte.

Así es Luis, debes localizar el negro y añadir los que están en rojo.
Sobre el comentario del error puede ser debido a que no está bien ubicado el código donde se encuentra b:loop
Un abrazo ;)

Luis

Me he dado cuenta que ese codigo va todo junto, asi que he localizado el ultimo codigo en negro, he borrado hasta el primer codigo en negro y he añadido todo el codigo (rojo y negro), luego fui a head y añadi tu codigo.
Lo hice al reves y me ha salido bien, cosa que no entiendo puesto que estoy seguro que lo estaba haciendo bien antes.De todas formas lo importante es que pude instalarlo.
Gracias.
Un abrazo

Gem@

El caso que ha funcionado esa es la cuestión, pero nunca sustituyas nada sin tener una copia de la plantilla, te lo dice alguien que un segundo perdió todo lo añadido por un error ;)

Diana Lucía

Hola por favor podrian ayudarme realizo cambios en el blog y no pasa nada sigue igual

Gem@

Prueba ahora Diana, he sustituido el script porque al parecer ha sido superada la banda ancha.

Anónimo

Hola Hola, muy bueno y útil éste post, me ha sido de gran ayuda.

Gem@

FGS saludos, me alegra que te haya gustado, vi tus blogs bonito efecto de la imagen de carga al mostrar la imagen de TOP SECRET :)

Anónimo

Hola, llevo varios dias intentando poner las entradas extensibles, pero me da el error "El artilugio con el ID "Blog1" contiene como mínimo dos elementos b:includable con el mismo ID: "PeekABooPost". Todos los elementos b:includable deben disponer de un ID exclusivo para un artilugio determinado." Supongo que será por la plantilla que estoy utilizando

He pillado una plantilla y ando realizando unos cambios en un blog que tengo de pruebas

http://probando123blogger.blogspot.com/

Espero que alguien me eche una mano .

Gracias de antemano y un saludo.

Patán

ERES MI GURÚ, ME RESULTOA LA PRIMERA Y ME QUEDÓ BASTANTE BIEN, TE INVITO A QUE LO VEAS EN MI BLOG....

SALUDOS

PATRICIO

(PATÁN)

Anónimo

hola Gema

No habia visto tu blog y la verdad es bastante interesante. estoy intentando el post de entradas expandilbles pero segun entiendo después de /head pego el codigo javascript ok!
ahora buscola primera parte del codigo en mi blog
pero el codigo que tengo es el siguiente:
b:includable id='main' var='top'
!-- posts --
div class='blog-posts hfeed'

b:include data='top' name='status-message'/

data:adStart/
b:loop values='data:posts' var='post
lo elimino y pongo tu codigo después elimino b:include data='post' name='post'/ y copio lo restante del codigo
y al final me sobran partes
b:if cond='data:blog.pageType == "item"
b:include data='post' name='comments'/
/b:if
b:if cond='data:post.includeAd'
data:adEnd/
data:adCode/
data:adStart/
/b:if
/b:loop
data:adEnd/
/div
me podrías ayudar como arreglar esto para poder implementar tan buen hack en mi blog.
Saludos y desde ahora seré un lector frecuente de este buen blog.

Gem@

Hola Windsurfer debes buscar lo que está en negro y añadir lo que aparece en rojo, en algunas plantillas está a continuación pero en otras aparece en distinto sitio.
Puedes hacer una prueba en algún blog con la misma plantilla para ver el resultado y siempre digo que es conveniente tener una copia de la plantilla por si acaso...
Si te quedan dudas por aquí ando ;)

Gem@

Me olvidaba... Windsurfer no debes eliminar nada, sólo añadir ;)

El Capitan aRt

aawwwwwwwww Gema eres lo maximo, ya lo probe y primero no queria se me estaba revelando pero despues recupere la calma y... yheaaaa y a pude muchisimas gracias exesivas esto le da un orden exelente y mas facil encontrar las cosas
muchas gracias

lo aplique en mi blog:
http://artquimistas.blogspot.com/

de nuevo gracias
saludos

Gem@

Me alegra mucho que te resultara bien aR't, es verdad que sa un aspecto de orden ;)

Full Adventistas

No hemos podido obtener una vista preliminar de su plantilla.
Holaa amiga me sale esto cuando pongo los codigos de tu pagina, que me recomiendasa que haga, mi blog es este: http://lecciondescuelasabatica.blogspot.com/.
Por cierto borre todo para que tenga problemas, pero me sale eso amiga ojala y me puedas ayudar.

Por favor, corrige el siguiente error y envía la plantilla de nuevo.
El artilugio con el ID "Blog1" contiene como mínimo dos elementos b:includable con el mismo ID: "PeekABooPost". Todos los elementos b:includable deben disponer de un ID exclusivo para un artilugio determinado.

Gem@

Hola Cristhian ese mensaje quiere decir que en tu plantilla tienes dos elementos con el mismo nombre, en una plantilla no pueden haber dos ID iguales, es decir cada ID (nombre) debe ser único.
Seguramente ya tenías añadido un elemento llamado PeekABooPost, o quien sabe a lo mejor piensas que lo eliminaste y aún está ahí.
Repasa los pasos tal y como empezaste para añadir el código seguramente verás que hay una parte que ya se encuentra en la plantilla si vez que no lo solucionas mándame una copia de tu plantilla en formato XML ;)

Full Adventistas

Hola Gema me llamo cristhian, bueno he tratado de implementar este escript que das, pero me sale lo siguiente:
No hemos podido guardar tu plantilla
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
El artilugio con el ID "Blog1" contiene como mínimo dos elementos b:includable con el mismo ID: "PeekABooPost". Todos los elementos b:includable deben disponer de un ID exclusivo para un artilugio determinado.


La plantilla que uso se llama: Vista84, es una nueva que lo saque de btemplates, y la direccion de mi blog es esta:
http://descargasadventistas.blogspot.com/

Espero que me ayudes revisando mi codigo de fuente, lo necesito mucho, porque el blog de es musica y pasa que cuando abren las etiquetas, se reproduce todas las canciones a la vez ya que los codigos que me dan esta hecho de esa forma, por favor espero tu respuesta, gracias..
QueDios te bendiga

Full Adventistas

gracias amiga ya no es necesario ya lo pude arreglar....

Gem@

Saludos Cristhian siento llegar tarde a ayudarte, si te ocurriera otra vez comprueba que en tu plantilla no se encuentren dos ID con el mismo nombre. Podría ser que la plantilla ya traiga el elemento instalado o que se incluyera con anterioridad para otro fin.

Anónimo

Gem@ gracias a Pizcos del blog HumanosSinSentido he llegado una vez más a este blog, que es como un imán. Ya no puedo vivir sin ti por favor quiero conocerte :(

Este sistema está de lujo, además te quiero robar esa idea que aparece arriba que dice Puedes utilizar algunos códigos html y aparece para que la gente solo tenga que copiar y pegar.

En fin tu siempre innovando. Me parece un sistema muy cómodo que en definitiva hay que utilizarlo

bueno ya me deshaogué ;) y gracias tambien a Pizcos me encanta ese blog

Gem@

Hola Protegon ¿cómo que me quieres conocer? !si llevas tiempo visitándome¡ jajajaja (es broma)
Es cierto que este sistema de comentarios era algo soñado hace tiempo (algo así como ahora el alojamiento de archivos)la idea te la puedes llevar yo pensé que era buena porque algunas direcciones son muy largas.

Pizcos es mi ahijado bloguero ¿no lo sabías? tiene ideas fantásticas y el diseño es su fuerte. Aprendió rápido y bien :)

Gracias a ti por comentar ;)

Anónimo

No sabía, pero la verdad es que.. bueno no quiero sonar pretencioso, pero mi blog en cierto modo guarda una similitud con el blog de pizcos. Esto es porque me inspiré en él para hacerlo. La primera vez que vi el blog dije pero que le pasa a este tio con este blog tan genial :D

Y entonces cambié mi blog para que tuviera las pestañas como el de humanos sin sentido, y ahora me llevo la sorpresa de que es el ahijado de Gem@ ;). Ahora en adelante no me sorprenderia que JMiur fuera el padrino :D

Y para poner la cereza...en el pastel, he hecho el truco tal como viene explicado aquí por gem@, y como siempre, he obtenido resultados satisfactorios es la priemra vez que pongo peek-a-boo en el blog:

http://protegon-works.blogspot.com/search/label/Noticias

Cada vez que me meto al blog de gem@, salgo con una sonrisa porque los trucos están explicados como para que hasta yo los pueda entender ;D

Y muy agradecido me despido ahora no sé mmm pasaremos por a la blogeria y luego a dormir porque ando desvelado.

GR@CIAS :D :D :D !!

Gem@

Me alegra que te resultara Protegon, es reconfortante ver los resultados esperados ¿verdad? la alegría me la transmitís también a mi de verdad :)

Imagínate aquí todos casi familia (virtual) lo cierto es que cuando Pizcos empezó me dijo que yo era su madrina y desde entonces con madrina y ahijado es la forma de dirigirnos.
¿Sabes? es bonito la camaradería y buena onda que encontramos por aquí ;)

Anónimo

Bueno total y ya llevo 24 horas sin dormir ya estoy reseteado y se me quitó el sueño.

gem@ tengo un problema con esto, no es exactamente un problema porque no afecta en nada al blog, sino que los comentarios salen arriba de la entrada.

Header | Widgets

Entrada | Widgets

Comentarios | Widgets

Pero en mi blog se ve de esta forma:


Header | Widgets

Comentarios | Widgets

Entrada | Widgets

Mejor dicho entra Aqui y mira los cometnarios quedaron arriba y la entrada abajo.

Que tengo que tocarle para que se acomode? Tengo que trasladar alguno include o algun IF, o lo que sea tú dime que hacer yo más o menos entiendo el asunto.

Esto sucedió al meter las entradas expandibles, es la unica anomalía del blog. Si me puedes hechar una mano pues bien.

Gracias.

Gem@

Realmente es muy extraño, lo único que podría ser es que te confundieras de lugar al añadir el código de color rojo.
He mirado la plantilla online pero no lo veo, mira bien si está en el mismo orden que en el archivo del enlace.

Yo lo tengo aplicado y no me dió ese problema,lo único que añadí primero el peek-a-boo y luego con el tiempo el editor de comentarios.
No creo que tenga nada que ver siempre y cunado los códigos se añadieran en el lugar correspondiente :(

(Cuando hagas unos cambios de esta índole asegúrate de tener una copia de la plantilla)

Anónimo

He seguido las instrucciones de esta tía y me ha ido de lujo, la gente de blogger deberia darles un reconocimiento a personas como Gem@ que SI AYUDAN DESINTERESADAMENTE.

Ahora si está como debe ser con los comentarios abajo y las expandibles a full. No solo el blog de Gem@ es una excelente documentación sino que ella sabe dar soporte no queda más que deshacerse en elogios ♥ ☺

Pero vamos... simeplemente puse mal la dirección del script y el código mal, es que soy un distraido

Gem@

jajajaja me alegra que te resultara bien ;)
Menos mal, porque estaba algo raro, raro, raro...

Anónimo

Gem@ esto que quiero hacer está fuera de mi alcance, así que te lo comento.

Quisiera que en la categoria solo apareciera el título de la entrada y que al darle click al titulo, me lleve a la entrada respectiva. Esto porque si hay muchas entradas con muchas imágenes se sobrecarga. Se puede?

Anónimo

Ya lo he podido hacer no estaba tan dificil el resultado es que la página carga mucho más rápido he eliminado algunos asuntos y finalmente ha quedado de esta forma:
http://protegon-works.blogspot.com/search/label/G02055

Gem@

Genial si conseguiste solucionarlo Protegon, gracias por avisarme ;)

no

aplicado! espectacular y muy facil de hacer!

la verdad que esta tremendo este blog!
muy bueno!

lo conosi por Vagabundia...bueno nos vemos
YA me subscribo!!

no olvides visitar mi blog:D

Anónimo

Como haces para tener tanta inteligencia preciosa, me dejas anonado con tus temas, muchas gracias por la informacion. :)

Carlos

HOla tengo una pregunta y en dónde encuentro "Ahora hay que buscar las partes que se encuentran en negro y añadir las que están en rojo como se muestra aquí" ¿A partir de dónde son esas partes en negro?

Gem@

Guner eso lo encuentras en plantilla edición de HTML.
Cuando digo:
"Ahora hay que buscar las partes que se encuentran en negro y añadir las que están en rojo como se muestra aquí" aquí es un enlace que te muestra un archivo donde puedes guiarte para las explicaciones ;)

atajar

hola gema una pregunta ¿como hago para que no me salga la fecha en las entradas expandible? es que tengo montado un cacao con lo de la fecha . un saludo

atajar

me gustaria me saliera como lo tienes en el grafico sin fecha

Gem@

La fecha la puedes eliminar de arriba y añadirla abajo Atajar, así es como yo lo tengo y está en el gráfico.
En Plantilla de diseño|Entradas del blog|Editar marcas la casilla de fecha que se posicionará en la parte de abajo de las entradas ;)
Me alegra que se solucionara el otro problema.

atajar

graciassssss gem@ ya se arreglo pero me gustaría tener en la pagina principal la fecha al lado del titulo y en las categorías como en el gráfico ¿eso es posible? un saludo amiga

Gem@

Hasta donde yo sé no Atajar, lo que mostramos son los títulos de las entradas y se muestran tal y como en la página inicial :(

Anónimo

ffd

Walter

Podrias ayudarme y decirme que estoy haciendo mal,pues quiero aplicar este truco lo logro pero al final cuando hago click en una etiqueta no me aparece nada..se queda en blanco...espero me ayudes...

Gem@

yz Yo veo que funciona bien en tu blog Walter :O

gab

hola doctora de nuevo en su hospital, sabe me gustaria poner una barra lateral en la parte superior de mi blog como lo tienen muchos/as, pero prefiero que ud me oriente en esto, ya que tengo demaciada confianza en ud. y se que no me ha de negar. gracias de antemano. espero muy impaciente su sabia respuesta.

Gem@

yz Hola Gab con una barra lateral ¿te refieres a un menú? si me dejas la dirección de algún sito donde lo viste sería de gran ayuda :)

Marivi

hola, mire el enlace aqui para ver que letras en negro hay que cambiar y no me aparece.

Gem@

yz No entiendo a qué te refieres Marivi :O

admi

hola, mire el enlace aqui para ver que letras en negro hay que cambiar y no me aparece.
se me olvido poner la direccion del blog.
www.noticiasacofifa.blogspot.com
Se trata de un blog de una asociación de fibromialgia,ACOFIFA, de la Coruña a la cual pertenezco. Somos MUY NOVATAS en esto de la informatica y nos está costando mucho trabajo todo esto, por eso que te vamos a dar mucho la lata. Si nos haces el favor y puedes le echas un vistazo al blog y nos das tu opinión sobre el blog, aunque el contenido es serio seguro que le encuentras bastantes fallos en cuanto a estructura del blog, pero bueno iremos poco a poco mejorándolo, ya que al ser personas enfermas tampoco podemos dedicarle todo el tiemp que quisiermos.
Gracias

Gem@

ya Marivi el blog me parece estupendo y la idea genial, los detalles se pueden ir viendo poco a poco y puedes contar conmigo para ello, ahora bien... lo que no termino de entender es lo que me explicas sobre las letras deseas cambiar de color.

gab

hola perdone por no responder, es que me fui ami trabajo, haciendo la pregunta. puse uno pero no me gusta, prefiero que ud me oriente ya que es buena su opinion y si tuviera a mas hagalo con respecto a mi, y pondre en prueba su concejo. He aqui mi propia direccion http://blo-g-abriel.blogspot.com sabe me gustaria enviarle un tema musical, claro que no va con virus ni nada de nada ya que sou nulo en esas cosas va desde esta direccion lglqlcl@..... espero le guste.eso del menu desplegable me gustaria qie fuera de fondo negro y letras amarillas , bordes amarillos, si hay buscador que se fondito amarillo y letra negra....gracias y cuidese. saludos desde peru.

Gem@

yz gab primeramente te agradezco el tema musical, me ha encantado :D
Luego sobre el tema de menú te explico...
Esta entrada trata sobre mostrar los títulos de las entrada de forma que se pueden desplegar.
Si lo que deseas es añadir un menú habría que buscar alguno como me explicas, hay muchas páginas de menús en la nube de mi sidebar por ejemplo verás la etiqueta menú si ves alguno que te agrade me lo dices y vemos como añadirlo o si hay que hacerle algún cambio :D

gab

hola me gustaria todo lo que esta arriba, con el mismo tipo de letra, pero de amarillo y fondo negro, con bordes amarillos. gracias por su ayuda. Tome su tiempo ya que he de demorar en volver a la ciudad. adios cuidese.

gab

lo explico mejor lo que esta encima de la cabecera.:D

Gem@

yz Siento la demora gab lo que está arriba es un menú, no tengo ninguna entrada donde mostrar como hacerlo pero puedes guiarte con las explicaciones que Rosa añade para su menú, puedes verlo aquí:
http://elescaparatederosa.blogspot.com/2008/09/menu-barra-superior-con-buscador.html

yz Gracias Aministrador :D

Anónimo

Este efecto no se deja aplicar a mi plantilla :D
Ayyyyyyyyyy!!!! qué terrible!!!!!!!!!!

Gemita es posible pasarme para otra plantilla sin perder la URL??

F Y L

http://floresliterarias.blogspot.com/

Anónimo

el emoticon de arriba debe estar triste no feliz... me equivoqué.Ayyyyyyy!!!!!! terrible!!!!

:( :( :( :( :(

Gem@

yz F Y L prueba ahora, había una parte donde debemos añadir un código y el archivo donde se mostraba no estaba online, pero ya está solucionado puedes hacer tal y como explica que está bien :)

Anónimo

AHHH GUENO GRACIAS :)

Vane

Hola podrias explicarme
de otra manera es que no me sale
gracias

Anónimo

Hola Gem@
gracias por la explicacion, fue muy facil implementarlo en mi blog
pero surgio un problema :S

Cada vez que hago click en una etiqueta del menu me aparece la lista con los titulos
pero cuando hago click en un titulo para ver la entrada completa me muestra el menu del mes con los titulos de las entradas
de modo que no tengo acceso a los comentarios antiguos.
solicito tu ayuda.

el link al blog es http://totfullcircle.blogspot.com

Gem@

yz Hola Matias, debe ser un error al añadir el código porque después de leerte he probado con estas explicaciones y funciona correctamente,
Haz un repaso de la forma que hiciste los cambios ;)

Anónimo

Me temo que tendre que volver a recurrir a tu ayuda Gem@...
es extraño, pues implemente las entradas desplegables en un blog de prueba y me funcionaba exactamente como queria, pero volvi a hacer los cambios en el blog que te envie y seguia el mismo problema.
Me asegure de que ambos codigos fuesen iguales y lo son, pero no hay caso...
apreciaria mucho que me dieses otro consejo
pero gracias desde ya (:

Gem@

yz Matias no se trata de que los códigos no sean iguales sino que estén añadidos donde se indica, en la plantilla podemos encontrar códigos iguales en distintos sitios para no cometer un error debemos mirar las líneas que se encuentran antes y después de lo que estamos buscando.
No veo nada extraño en tu plantilla para que de ese error :(

Anónimo
Este comentario ha sido eliminado por el autor.
Anónimo

No habia nada malo, solo era un problema de desconfiguracion que ya solucione!
Muchas gracias por la ayuda de todas formas
Es genial que nos entregues tus conocimientos a los quq sabemos menos :)

Anónimo

Hola.. Me interesa mucho la aplicación de "leer más".. pero esta super complicado mover todos esos códigos.. por ejemplo, al intentar seguir sus instrucciones, resulta que una de dos, o mi plantilla no coincide.. o el lenguaje varia y solo me coinciden unos cuantos renglones.. asi que eso me desalienta a continuar.
Hay algun codigo que se ingrese directamente en la entrada?.. que solo aplique la expansión en dicha entrada y no en toda la plantilla? Mil gracias, espero me puedan ayudar.
Patricia Garza.
Me pueden escribir a mi correo: mil gracias!
pgarzasoberanis@hotmail.com

Gem@

yz Saludos Patricia Garza, justo sobre el formulario de comentarios dice "Si tu perfil no está activado añade la url del blog, es imprescindible para poder ayudarte"
No es por capricho que ponga eso es precisamente por lo que dices en tu comentario porque todas las plantillas no son iguales y saber la plantilla que se está usando agiliza la respuesta.
No puedo contestar a los comentarios por correo, el tiempo no me da para tanto lo siento, pero puedes suscribirte a los comentarios llega la respuesta al correo :)

Gem@

yz Matias Vera me alegra lo solucionaras, si no es molestia me gustaría saber donde estaba el error de configuración para posibles problemas que surjan :)

Anónimo

EL error estaba en la hbilitacion de paginas de entrada.
Configuracion - Archivo - ¿habilitar paginas de entrada?

Estaba seleccionada la opcion NO,
solamente cambio la opcion a SI y problema resuelto, lo extraño es que se desconfiguro sin que lo haya tocado.
Pero en fin, ese era el problema y logre solucionarlo, y ahora disfruto de un indice ordenado de entradas.
Gracias Gem@ :)

Gem@

yz Bueno es saberlo Matias, si te fijas también dice:
Advertencia: si inhabilitas "Publicar páginas" el formulario de comentario incrustado no funcionará. Haz clic aquí para cambiar la configuración de comentarios en primer lugar.
Sin embargo el formulario incrustado no se ve afectado y funciona perfectamente.
En Blogger todo es posible :)

Luz

Hola Gema, tu blog es estupendo he hecho esto para que mi blog esté un poco mas vistoso, el problema es que el +/- me gustaría cambiarlo de color y que aparezca en azul como la entrada, y también me queda mas abajo y no alineado con la entrada, por otra parte el espacio entre las entradas es tremendo, y se puede quitar la linea de separación que aparece entre las mismas, por otro lado, si pudieses decirme como hago para que al hacer un comentario en mi blog, aparezca para poner los emoticones como tu tienes aquí ya me harías totalmente feliz, son muchas cosas pero agradeceria tu ayuda, un saludo;)

Luz

perdon, mi blog es www.luz-tic.blogspot.com

Luz
Este comentario ha sido eliminado por el autor.
Gem@

yz Luz veamos si puedo responder a todo en un comentario...
La línea de separación es la que tienes en:
.post {
margin-top: 0;
margin-right: 0;
margin-bottom: 1.5em;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 1.5em;
padding-left: 14px;
border-bottom: 1px solid #ddd;
}
Eliminando esa línea también quedará menos espacio entre los títulos.

El color es el que tienes definido en los enlaces, puedes intentar envolviendo esa parte con la etiqueta span:
<span style="color:#000;"> [+/-]</span>

Los emoticones puedes ver como añadirlos aquí:
http://gemablog-.blogspot.com/2007/06/emoticones-segn-daleclikc.html ;)
Para que salgan sólo en ls comentarios sustituye body por coment-Block ;)

Luz

Gracias Gema, ya me queda mucho mejor, lo único es que el +/- me sale un poco más abajo que el título de la entrada, otra cosa es posible sustituir el +/- por un gif pequeñito, o una imagen?, ahora voy a ver si puedo poner los emoticones

Gem@

yz Hola Luz, para que quede paralelo al título mira que en el código vaya todo en la misma línea, si pasa a la línea siguiente se mostrará una línea más abajo.
Puedes sustituir [+/-] por una imagen así:
<img src="url-de-la-imagen">

Luz

[+/-] sustituyo por < img src="http://www.tusgifsanimados.com/aves/buhos/gif-animado_2384.html">
y me dice que la plantilla no está bien formada

Gem@

yz Es que estás enlazando la página en lugar de la imagen :O

Luz

y como enlazo la imagen

Luz

ahora la he colgado en picasa y sustituyo mas menos por
img src="http://lh6.ggpht.com/_vzR5XFm52h8/Sts7uoWcVZI/AAAAAAAACgk/m0-o-FXBtoY/owlWHTl.gif" y me sigue diciendo lo mismo

Luz

pongo toda la linea donde esta el [+/-]y la siguiente juntas y nada sigue abajo, te refieres a las dos lineas que tienes en este post, donde aparece el [+/-]verdad? gracias por tu paciencia

Gem@

yz Mira tienes que buscar donde dice:

title='Expand/collapse this post'>[+/-]</a>

y dejarlo más o menos así

title='Expand/collapse this post'><img src="url-de-la-imagen"/></a>

La imagen que has buscado es muy grande eso creará más separación entre los títulos, pero puedes probar y ver el efecto ;)

Luz

ya me sale, se puede achicar la imagen? o tengo que buscar otra?

Gem@

yz puedes achicarla de esa forma:
<img src="url-imagen" border="0" height="150" width="250" />
Con height le damos altura y con width altura, pero pienso que saldrá con más calidad si añades la imagen de la otra forma, prueba con algún editor de imágenes ;)

Luz

Que te parece?, si pudiese quitar el borde creo que estaría bien, que me dices?

Luz

perdon lo he puesto en
b:includable id='PeekABooPost' var='post'
despues de title='Desplegar esta entrada', no donde me has dicho, me funciona, pero no se si habrá algun problema.

Gem@

yz Funciona perfecto, si está funcionado quiere decir que está correcto :)
Ese borde es el que se muestra cuando la imagen es un enlace, mira esta entrada:
http://gemablog-.blogspot.com/2007/09/enlaces-feos.html

Luz

no me deja ni delante de donde me dices ni delante de los corchetes inmediatamente anteriores, no te puedo poner el codigo ya que me dá un mensaje de error diciendome que mi html no es aceptable.

Gem@

yz ¿Qué es lo que no te deja Luz?

Luz

no me quita el borde

Luz

ya lo he conseguido lo he hecho con
img src='http://lh6.ggpht.com/_vzR5XFm52h8/Sts7uoWcVZI/AAAAAAAACgk/m0-o-FXBtoY/owlWHTl.gif' style='width:35px; height:35px; border:0px;'

Gem@

yz Muy bien Luz, por eso no te funcionaba de la otra forma porque el borde estaba establecido en la imagen, de todas formas recuerda que para eliminar el borde de todos los enlaces del blog es muy útil como te decía ;)
¡Lo que estás aprendiendo en pocos días Luz!!

Faby

Implementado en mi BLOG
muuuuchas gracias ... estoy de lo más 'chocha' con las cosas q he podido agregar gracias a tu ayuda!

muchos saludos para ti!

Gem@

yz Gracias por comentar Faffy ;)

Ami~

¡¡Hola Gem@!!
Tengo hace tiempo esto aplicado a mi blog. Aunque siempre he tenido el problema de que el título de las entradas que se muestra cuando vamos a las categorías me queda muy grande. Vale decir era del mismo tamaño que en las entradas expandidas (no sé si se entiende...). Antes tú también lo tenías así (el título de la entrada y los títulos de las entradas al mostrar las categorías eran del mismo tamaño y estilos). Hoy me fijé que acá, los títulos de las entradas al ver las categorías eran más péqueñitos, y que sólo cuando vas a la entrada el título se muestra en grande y con una bonita tipografía.
Me gustaría saber cómo hacerlo :).
Gracias de antemano, Gem@~

Gem@

yz Hola Ami, no me dices qué plantilla estás usando, si nos basamos en la Minima que es la que yo tengo los estilos de los títulos en las entradas están definidos de esta forma:
.post h3 {
.........
}

Anabel Cornago

¡Fenomenal!, hacía mucho que quería incorporar esto. Lo he logrado en el blog de pruebas, pero ahora a ver si cambio también los tipos de letras. Te dejo otro mensaje en la entrada que tienes explicándolo.

Besotes mil.

Gem@

:: Estupendo Anabel ya te contesté en el otro comentario :D

Angel

Dios le bendiga Gem@, Hice el primer paso y todo bien, pero al añadir los códigos que están en rojo y guardar no se podían visualizar las entradas del blog, aparecía todo vacío.

Por cierto, el código de no me aparecía así exactamente.

Gracias por su ayuda desinteresada.

Gem@

:: Saludos Angel Luis González, ese problema puede ser debido a que no se está añadiendo el código en el sitio indicado, no que lo esté haciendo mal sino que las plantillas al ser distintas también la forma que presenta el código sea distinta. Aunque yo me inclino a pensar que sea debido a que se hizo alguna modificación anterior y la plantilla presente algún cambio que dificulta encontrar el código tal y como está explicado.
De todas formas yo recomiendo hacer este cambio en un blog de pruebas con la misma plantilla, añadir la primera parte tal y como está explicado justo antes de </head> en lugar de antes de <head> la diferencia es la barrita (el cierre de la etiqueta)
Luego buscar la siguiente porción de código:

<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

añadimos el rojo antes y después de esa parte y terminamos con el último </b:if>

En esa parte que debemos buscar es la que añade la fecha en la parte superior de los post
<h2 class='date-header'><data:post.dateHeader/></h2>

es posible que veamos algo distinto si se ha modificado algo de la fecha por ejemplo algo para mostrar la fecha en todas las entradas.
Tendría que saber que es lo que se muestra en su plantilla en ese espacio.

Angel

:) Gema, probé el código en mi blog de pruebas y me funcionó.El código aparece igual que en el blog original, el error era que lo estaba poniendo en el primer "head".Ahora probaré como se ve en mi blog y si no me gusta lo editaré como usted menciona en otro artículo.

Siempre he querido algo así en mi blog, muchas gracias.

Gem@

:: Espero que resulte bien :)

Angel

:) :D ;) Gema, me gusta como quedó, es uno de los cambios más prácticos del blog.De verdad que estoy muy agradecido por personas como usted por compartir estas cosas con los demás, Siga siempre hacia adelante.

Gem@

:: Me alegra que resultara bien :)
Posterior a esa entrada hice otra para tratar de modificar la fuente de los títulos, ocurría que al mostrarse de igual forma que los títulos de las entradas resultaba de gran tamaño y de la siguiente forma conseguimos personalizar esos títulos en el desplegable.
http://gemablog-.blogspot.com/2009/12/los-titulos-en-los-resumidos-para-las.html

Angel

Lo que hice fue reducir el tamaño de los títulos en fuentes y colores, me gustan así, gracias nuevamente.

Gem@

:: Perfecto entonces :)

Sergio Valera

Gracias Gemma!
Llevaba tiempo buscando la forma de hacer esto. Tu blog no para de solucionarme cosas en los ultimos dias ;)

Por cierto, que por más que lo busco no lo encuentro. Hay alguna manera de ordenar los resumenes de las entradas (o las entradas directamente) por orden alfabético???

Sergio Valera

Ahora si que tengo un problema en el que no habia caido, ya que hace un rato no estaba, pero al entrar un amigo mio me ha hecho saber que al parecer ahora mis entradas salen duplicadas :S

No se si ha sido al hacer esto o al hacer que una de las etiquetas no se vea en la pantalla de inicio o cuando, la cosa es que las publicaciones de la pantalla de inicio no se ven dobles, pero las demas salen dos veces O_o
Desde el editor de entradas puedo ver que solo tengo una entrada hecha, pero al darle a visualizarla en la pagina directa de la entrada me sale dos veces, mira: http://niponazo.blogspot.com/2010/02/anime.html

¿Que puedo hacer????? :S

Gem@

:: Hola Sergio, era demasiado bonito para que no saliera algún problema ¿verdad?
En realidad aplicar las etiquetas resumidas como indica esta entrada no ocasiona ese problema de duplicar las entradas.
Pero si se da en ese otro que comentas de ocultar de lhome una etiqueta, y ocurre cuando esa entrada que ocultamos contiene más de una etiqueta, mira si fuera eso ;)

Sergio Valera

Pues no... La entrada solo tiene la etiqueta oculta :S
También hay que decir que los que no tienen la etiqueta oculta también aparecen duplicados, pero no en la pagina de inicio O_o

Sergio Valera

Menos mal que tenia una copia de le plantilla ta con el menu y todos los items pero sin las entradas ocultas. Ahora no se duplica, voy a volver a hacer paso a paso lo de ocultar segun que entradas a ver que pasa

Gem@

:: Esperemos pues y vemos que ocurre :S

daniel

Gema después de los casi 200 comentarios y probar de mil maneras, no consigo implantar bien el code, creo que parte sera culpa de la plantilla que tiene un código algo extraño.
Te paso el link de la pagina, haber si sabes de alguna solución, gracias como siempre si puedes atenderme.

www.Egiptoaroma.com

Gem@

:: No es que tenga mal el código Calistor, lo que ocurre que es una plantilla de WP adaptada para Blogger si a eso añadimos que los post son resumidos ya so dos problemas :S

daniel

Con razón los quebraderos de cabeza que me esta dando.
Algún consejo gema, para cuando buscan una sección, aparezcan en modo lista todas las entradas , no en modo entradas resumidas, con la autopaginación, se hace pesadisimo ir pasando paginas y me gustaría que vieran toda la lista de artículos por etiqueta de un golpe.

Gracias como siempre.

May

Hola Gem@... se te manda un cordial salu2 y gracias por todo lo que haces en tu aqui en tu Blog!!!

... Bueno te cuento que estaba buscando algo asi para "solo" expandir las entradas que se muestran al entrar en "etiquetas"... y creo que es esto que explicas aqui... prove hacerlo y me sale error..

pongo guardar cambios y me sale :


No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "div" must be terminated by the matching end-tag "
".


lo he hecho varias veces con mucho cuidado y revisando todo, pero me sale eso siempre.. como hago?

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top